<template>
	<view class="page">
		<view>
			购票
			<!-- <jingSeiper></jingSeiper> -->
	</view>
	</view>
</template>

<script setup>
	import jingSeiper from "../../components/jing-swiper/jing-swiper.vue"
	import {
		ref
	} from 'vue';
	import {
		onLoad,
		onShow
	} from '@dcloudio/uni-app';

	
</script>

<style lang="less">
	.page {
		min-height: 100vh;
		background: #5e0e03;
	}

	.top {
		// background-color: white;
		padding: 12px 15px;

		.content {
			background-color: #1D2E4C;
			padding: 5px 10px;
			color: white;
			font-size: 14px;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

	}

	.bottom {
		// background-color: white;
		padding: 0 15px 15px 15px;

		.header {
			background-color: #1D2E4C;
			padding: 10px;
			color: white;
			font-size: 12px;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.item {
			padding: 10px;
			color: white;
			font-size: 10px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 5px;
			word-break: break-all;
			word-wrap: break-word;

			.title {
				padding: 0 5px;
				min-width: 50px;
			}

			.time {
				flex-shrink: 0;
			}

			.locationBtn {
				flex-shrink: 0;
				width: 69px;
				height: 25px;
				line-height: 25px;
				border-radius: 2px;
				border: 1px solid #2C77E5;
				color: #2C77E5;
				text-align: center;
			}
		}

	}

	.empty {
		color: #FFFFFFD8;
		font-size: 18px;
		font-weight: 500;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 100px;

		image {
			width: 214px;
			height: 154px;
		}
	}
</style>